@charset "utf-8";

/*@font-face {  
    font-family: '汉仪菱心体简';
    src:url('../fonts/汉仪菱心体简.ttf?v=1.00');
    src:url('../fonts/汉仪菱心体简.ttf?v=1.00') format('truetype');
    font-weight: normal;  
    font-style: normal;  
} */
html,body{
	height: 100%;
	font-family: "微软雅黑";
}
@media (min-width: 1200px) {
	.container{
		width: 1184px;
	}
	.form-inline .form-group{
		margin-bottom: 10px;
	}
}
@media (min-width: 1400px) {
	.container{
		width: 1384px;
	}
	.form-inline .form-group{
		margin-bottom: 10px;
	}
}
@media (min-width: 1600px) {
	.container{
		width: 1584px;
	}
	.form-inline .form-group{
		margin-bottom: 10px;
	}
}
.bg{
	/*background: linear-gradient(#073561,#187b8c);*/
	background: url(../img/bg.jpg) no-repeat;
	background-size: cover;
}
.bg-c-1{
	background-color: #35acfe;
}
.bg-c-2{
	background-color: #f48b38;
}
.bg-c-3{
	background-color: #03a9f4;
}
.bg-c-4{
	background-color: #ffc107;
}
.bg-c-5{
	background-color: #2c85cc;
}
.bg-c-6{
	background-color: #165b92;
}
.bg-c-o-1{
	background-color: rgba(53,172,254,0.5);
}
.bg-c-o-2{
	background-color: rgba(244,139,56,0.5);
}
.b{
	font-weight: bold;
}
.bd1{
	border: 1px solid #35acfe;
}
.br15{
	border-radius: 15px;
}
.bd2{
	border: 1px solid #f48b38;
}
.c1{
	color: #35acfe;
}
.c2{
	color: #f48b38;
}
.c3{
	color: #fff150;
}
.c4{
	color: #ed4743;
}
.c5{
	color: #54ba9b;
}
.c6{
	color: #35acfe;
}
.mb5{
	margin-bottom: 5px;
}
.w10{
	width: 10%;
}
.w25{
	width: 25%;
}
.w30{
	width: 30%;
}
.w35{
	width: 35%;
}
.w36{
	width: 36%;
}
.w40{
	width: 40%;
}
.w45{
	width: 45%;
}
.w55{
	width: 55%;
}
.w60{
	width: 60%;
}
.w100{
	width: 100%;
}
.vt{
	vertical-align: top;
}
.h15{
	height: 15%;
}
.h25{
	height: 25%;
}
.h31{
	height: 31%;
}
.h32{
	height: 32%;
}
.h35{
	height: 35%;
}
.h45{
	height: 45%;
}
.h55{
	height: 55%;
}
.h65{
	height: 65%;
}
.h75{
	height: 75%;
}
.h85{
	height: 85%;
}
.h87{
	height: 87%;
}
.h100{
	height: 100%;
}
.mt0{
	margin-top: 0;
}
.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
.mt15{
	margin-top: 15px;
}
.mt22{
	margin-top: 22px;
}
.p410{
	padding: 4px 10px;
}
.dib{
	display: inline-block;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.fs05{
	font-size: 0.5em;
}
.fs12{
	font-size: 1.2em;
}
.fs18{
	font-size: 1.8em;
}
.amplify{
	display: inline-block;
	width: 5%;
	height: 100%;
	text-align: center;
	line-height: 38px;
}
.amplify>img{
	cursor: pointer;
}
.menu{
	/*position: relative;
	float: left;
	width: 30px;
	height: 30px;
	z-index: 3;*/
	font-family: "汉仪菱心体简",sans-serif;
	margin-bottom: 5px;
	overflow: hidden;
	background: url(../img/head.png) no-repeat center center;
	background-size: cover;
}
.logo{
	position: absolute;
	top: 5px;
	left: 5px;
	padding: 0;
	font-size: 25px;
	color: #fff;
	cursor: pointer;
}
.menu-list{
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 0;
	overflow: hidden;
	/*display: none;
	position: absolute;
	top: 5px;
	left: 28px;
	width: 11em;*/
	/*z-index: 5;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 0 15px;
	background: linear-gradient(#7706a2,#18358c);*/
}
.menu-list li{
	margin: 0 5px;
}
.pull-left li{
	float: left;
}
.pull-right li{
	float: right;
}
.menu-list li .list-item{
	display: inline-block;
	width: 100%;
	padding: 0 5px;
	color: #fff;
	border-radius: 5px;
	line-height: 30px;
}
a.list-item:hover{
	color: #fff150;
	/*background-color: #288cfa;*/
	background: url(../img/choose.png) no-repeat;
	background-size: 100% 100%;
	text-decoration: none;
}
.menu-list .choose .list-item{
	color: #fff150;
	/*background-color: #288cfa;*/
	background: url(../img/choose.png) no-repeat;
	background-size: 100% 100%;
	text-decoration: none;
}
.title{
	display: inline-block;
	width: 30%;
	/*position: relative;*/
	font-family: "汉仪菱心体简",sans-serif;
	text-align: center;
	vertical-align: top;
	color: #fff;
	cursor: default;
	
}
.switch1{
	position: absolute;
	right: 15px;
	top: 5px;
}
.switch1 li{
	display: inline-block;
	font-size: 16px;
	padding: 2px 10px;
	line-height: 25px;
	color: #fff;
	cursor: pointer;
	border: 1px solid #999;
	border-radius: 15px 0;
}
.switch1 li:hover{
	background-color: #fff;
	color: #666;
}
li.on{
	background-color: #fff;
	color: #666;
}
.content-wrap{
	height: 100%;
}
.app-content{
	height: 98%;
}
.row{
	height: 100%;
}
.onshow{
	color: #11b3ec;
}
.content-list-wrap{
	margin: 0 5px;
}
.topLeft{
	position: absolute;
	top: -3px;
	left: -3px;
	width: 10px;
	height: 10px;
	background: url(../img/icons/1.png) center no-repeat;
}
.topRight{
	position: absolute;
	top: -3px;
	right: -3px;
	width: 10px;
	height: 10px;
	background: url(../img/icons/2.png) center no-repeat;

}
.bottomLeft{
	position: absolute;
	bottom: -3px;
	left: -3px;
	width: 10px;
	height: 10px;
	background: url(../img/icons/3.png) center no-repeat;

}
.bottomRight{
	position: absolute;
	bottom: -3px;
	right: -3px;
	width: 10px;
	height: 10px;
	background: url(../img/icons/4.png) center no-repeat;
	/*border-bottom: 2px solid #11B3EC;
	border-right: 2px solid #11B3EC;*/
}
.topLeft,.topRight,.bottomLeft,.bottomRight{
	opacity: 0.6;
	filter: alpha(50);
}
.leftBox:hover .topLeft,
.leftBox:hover .topRight,
.leftBox:hover .bottomLeft,
.leftBox:hover .bottomRight,
.rightBox:hover .topLeft,
.rightBox:hover .topRight,
.rightBox:hover .bottomLeft,
.rightBox:hover .bottomRight,
.leftBoxTop:hover .topLeft,
.leftBoxTop:hover .topRight,
.leftBoxTop:hover .bottomRight,
.leftBoxTop:hover .bottomLeft{
	opacity: 1.0;
	filter: alpha(100);
	-webkit-animation: flash .25s;
	-webkit-animation-iteration-count:2;
}
@-webkit-keyframes flash{
	from{
		opacity: 0.5;
		filter: alpha(50);
		}
	to{
		opacity: 1.0;
		filter: alpha(100);
		}
}

